<!DOCTYPE html>
<html lang="zh">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;">
  <title>氧气校园新年头像框大放送！</title>
  <script src="./index.js" defer></script>
  <link rel="stylesheet" href="./index.css">
</head>

<body>
  <div class="header"></div>
  <div class="user_input_wrapper">
    <div class="title"></div>
    <input type="text" class="input" maxlength="15">
  </div>
  <div class="text"></div>
  <div class="draw_wrapper">
    <a href="" class="download">
      <canvas class="draw" width="250" height="250"></canvas>
    </a>
  </div>
  <div class="choose_avatar">
    <div class="avatar a1" i=f1></div>
    <div class="avatar a2" i=f2></div>
    <div class="avatar a3" i=s1></div>
    <div class="avatar a4" i=s2></div>
  </div>
  <div class="loading"></div>
  <div class="an">
    <span class="cloud1"></span>
    <span class="cloud2"></span>
    <span class="cloud3"></span>
    <span class="cloud4"></span>
  </div>
  <img src="./bottom.png" alt="底部" class="bottom" />
  <!-- <canvas class="create" width="250" height="250"></canvas> -->
</body>

</html>